<template>
  <div id="wrapper">
    <nav class="top">
      <a >
        <router-link :to="{name: 'jiayemian/yemian'}">
          <img class="left" src="../../assets/img/img.../xingzhuang164.png" alt="">
        </router-link>
      </a>
      <span class="wenzi">收货地址</span>
      <span  class="bian"  >
        <router-link :to="{name: 'add'}">添加新地址</router-link>
      </span>
    </nav>
    <div class="content">
    <img src="../../assets/img/shouhuo/qsqsw.png" height="200" width="200"/>
      <router-link :to="{name: 'add'}">
      <p>添加新地址</p>
      </router-link>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>

  export default {


//    methods:{
////      back(){
////        this.$router.go(-1);
////      }

  }
</script>
<style scoped>
  #wrapper{
    width: 100%;
  }
  .top{
    position: relative;
    width: 100%;
    height: 3.48rem;
    background-color: #e53e42;
  }
  .wenzi{
    font-family: MicrosoftYaHei;
    font-size: 0.89rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 2.25rem;
    letter-spacing: 0.04rem;
    color: white;
    position: absolute;
    top: 1rem;
    left: 6rem;
  }
  img{
    width: 0.5rem;
  }
  .left {
    position: absolute;
    top: 1.5rem;
    left: 0.7rem;
  }
  /*编辑*/
  .bian{
    float: right;
    margin-top: 1.65rem;
    color: white;
    font-weight: 100;
    font-size:0.6rem;
  }
  /*content*/
  .content{
    text-align: center;
  }
  .content img{
    width: 4rem;
    height: 4rem;
    margin-top: 3rem;
  }
  .content p{
    font-size: 0.7rem;
    width: 6rem;
    height: 1rem;
    background: #cccccc;
    margin-left: 5rem;
    margin-top: 0.9rem;
    border-radius: 2rem;
    color: #ffffff;
  }
</style>

